<template>
  <view class="container">
    <custom-nav></custom-nav>

    <view class="content">
      <view class="error-title">{{curData?.title}}</view>
      <view class="error-text" @click="toServe">
        <rich-text :nodes="curData?.content"></rich-text>
      </view>
    </view>

  </view>
</template>

<script setup>
import useStore from "@/store";
const { common, register } = useStore();
const toServe = () => {
  common.updatePopupOpen(true, "serve");
};

const curData = computed(() => {
  const t = 7;
  const curConf = register.articleConf[t] || [];
  console.log("curConf", curConf);

  return curConf[0];
});

onLoad(() => {
  register.getArticleConfig();
});
</script>

<style lang=scss scoped>
@import "@/styles/global.scss";
.error-title {
  padding: 100rpx 50rpx 60rpx;
  font-weight: 800;
  font-size: 48rpx;
  color: #000;
  text-align: center;
}
.error-text {
  font-size: 36rpx;
  color: #000;
  padding: 15rpx 50rpx;
  font-weight: 500;
}
.error-no {
  color: #f65952;
  font-weight: 800;
  padding: 10rpx 50rpx;
  font-weight: 500;
}
.to-serve {
  color: #f65952;
  text-decoration: underline;
}
</style>